<template>
	<view>
		<u-tabbar
			:value="value"
			@change="change"
			:fixed="true"
			:placeholder="true"
			:safeAreaInsetBottom="true"
		>
			<u-tabbar-item text="首页" icon="home" ></u-tabbar-item>
			<u-tabbar-item text="放映厅" icon="photo" ></u-tabbar-item>
			<u-tabbar-item text="直播" icon="play-right" ></u-tabbar-item>
			<u-tabbar-item text="我的" icon="account" ></u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		name:"tab-bar",
		data() {
			return {
				value: 0,
			};
		},
		methods: {
			change(e) {
				this.value = e;
				this.$emit('change', e)
			}
		}
	}
</script>

<style lang="scss">

</style>